<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			
			.header{
				width: 100%;
				height: 20px;
				background-color: black;
			}
			
			.main{
				background-color: pink;
				width: 1200px;
				margin: 0 auto;
				height: 80px;
			}
			
			.a{
				width: 1200px; 
				margin: 0 auto; 
				height: 600px;
			}
			
			.left{
				background-color: orange;
				float: left;
				width:300px;	
				height: 600px;
				margin-right: 10px
			}
			
			/* .right{
				background-color: blue;
				float: left;
				width:890px;
				height: 600px;
			} */
			
			.right{
				background-color: blue;
				float: right;
				width:890px;
				height: 600px;
			}
			
			.right .b{
				float: left;
				border: 2px solid black;
				width: 300px;
				height: 598px;
			}
			
			.right .c{
				float: left;
				border: 2px solid black;
				width: 582px;
				height: 598px;
			}
		</style>
	</head>
	<body>
		<div class="header"></div>
			
		<div class="main">
			头部
		</div>
		
		<div class="a">
			<div class="left">
				left
			</div>
			
			<div class="right">
				<div class="b">
				</div>
				
				<div class="c"> 
				</div>
			</div>			
		</div>
	</body>
</html>